<template>
<div>
  <h2>Music组件</h2>
  <router-link tag="button" to="/home/music/musicDetail/1/12">周杰伦</router-link>
  <router-link tag="button" to="/home/music/musicDetail/2/12">王力宏</router-link>
  <router-link tag="button" to="/home/music/musicDetail/3">陈奕迅</router-link>

  <button @click="$router.push({name:'MusicDetail',params:{id:'1',age:'11'}})">周杰伦</button>
  <button @click="$router.push({name:'MusicDetail',params:{id:'2',age:'12'}})">王力宏</button>
  <button @click="$router.push({name:'MusicDetail',params:{id:'3',age:'14'}})">陈奕迅</button>
  <router-view></router-view>
</div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>

</style>